<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<title>劲松商城后台</title>
<div th:include="Admin/public/Common::head"></div>
</head>
<body>
<div class="main-wrap">
	<div th:include="Admin/public/Common::menu"></div>

	<div class="content-wrap">
<div th:replace="Admin/public/Common::header"></div>
		<main class="main-cont content mCustomScrollbar">
			<div class="page-wrap">
				<!--开始::内容-->
				<section class="page-hd">
					<header>
						<h2 class="title">动画效果</h2>
						<p class="title-description">
							数据加载，刷新页面等旋转动画效果。
						</p>
					</header>
					<hr>
				</section>
				<div class="panel panel-default">
					<div class="panel-bd">
						<span><span class="icon-spin icon-spinner"></span>数据加载中...</span>
						<span><span class="icon-spin icon-refresh"></span>刷新中...</span>
						<span><span class="icon-spin icon-cogs"></span>图标自己根据图标库添加对应属性值...</span>
					</div>
				</div>
				<!--开始::结束-->				
			</div>
		</main>
		<div th:replace="Admin/public/Common::footer"></div>
	</div>
</div>
</body>
</html>
